@import 'table.scss';

.page-paifang{
	.cha{
		width: 9px;
		height: 9px;
		cursor: pointer;
		img{
			width: 100%;
			height: 100%;
		}
	}
	.main-section{
		width:100%;
		height: 100%;
		background: url(../img/sssj.png) center no-repeat;
		background-size: 100% 100%;
		.card{
			display: flex;
		    height: 36px;
		    align-items: center;
		    justify-content: space-between;
		    padding-left: 10px;
		    font-weight: 300;
			.card-span{
				font-size: 14px;
				color: #FFFFFF;
				font-weight: 500px;
				margin-left: 20px;
				margin-top: 10px;
			}
			.navigation-1{
			width: 104px;
			height: 34px;
			border-radius: 4px;
			border: 1px solid #28B4FF;
			font-size: 14px;
			font-weight: 400;
			color: #28B4FF;
			text-align: center;
			line-height: 34px;
			margin-top: -42px;
			margin-right: 30px;
			cursor: pointer;
			}
			.navigation-2{
				width: 104px;
				height: 34px;
				border-radius: 4px;
				border: 1px solid #28B4FF;
				font-size: 14px;
				font-weight: 400;
				color: #28B4FF;
				text-align: center;
				line-height: 34px;
				margin-top: -42px;
				margin-right: 20px;
				cursor: pointer;
			}
			.navigation-3{
				width: 124px;
				height: 34px;
				background: #28B4FF;
				border-radius: 4px;
				font-size: 14px;
				font-weight: 400;
				color: #001159;
				text-align: center;
				line-height: 34px;
				margin-top: -42px;
				margin-right: 20px;
				cursor: pointer;
			}
		}

		// .charts-box{
		// 	height: calc(100% - 40px);
		// 	width: 100%;
		// 	overflow: hidden;
		// 	.drop{
		// 	justify-content: flex-end;
		// 	 right: 130px;
		// 	 margin-top: 20px;
		// 	}
			// .dayup{
			// 	width: 260px;
			// 	height: 34px;
			// 	font-size: 14px;
			// 	font-weight: 400;
			// 	color: #FFFFFF;
			// 	margin-right: 20px;
			// }
			// .day input{
			// 	    width: 260px;
			// 	    height: 34px;
			// 	    font-size: 14px;
			// 	    font-weight: 400;
			// 	    border: none;
			// 	    padding-left: 10px;
			// 	    cursor: pointer;
			// 	    color: #fff;
			// 	    background: url(../img/inp.png) rgb(66,86,110) right center no-repeat;
			// 	    background-size: 46px 34px;
			// 		cursor: pointer;
			// }
			// .day{
			// 	margin-right: 20px;
			// }
		}
		.meter{
			width: 65px;
			height: 17px;
			font-size: 12px;
			font-weight: 400;
			color: #7DA6EF;
			line-height: 17px;
			margin-left: 20px;
		}
		.card-content{
			padding: 0 4px;
			// width: calc(100% - 10%);
			width: 100%;
			// margin-left: 10px;
			// height: calc(100% - 10%);
			height: calc(100% - 96px);
			overflow: hidden;
		}
		.txt-1{
			display: block;
			width: 198px;
			height: 34px;
			background: #0071F9;
			border-radius: 4px;
			margin-left: 1320px;
			text-align: center;
			line-height: 34px;
		}
		.txt-2{
			display: block;
			width: 200px;
			height: 34px;
			border-radius: 4px;
			border: 1px solid #0071F9;
			margin-left: 1520px;
			margin-top: -34px;
			text-align: center;
			line-height: 34px;
			color: #28B4FF;
		}
	.date{
		width: 160px;
	}
	.pagination-section {
		height: 60px;
	}
}
